<include file="public@header"/>
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
</style>
</head>
<link href="__STATIC__/vedio/video-js.css" rel="stylesheet">
<script src="__STATIC__/vedio/videojs-ie8.min.js"></script>
<script src="__STATIC__/vedio/video.js"></script>
<body>
<div class="wrap js-check-wrap">
    <!-- <ul class="nav nav-tabs">
        <li><a href="{:url('AdminStraming/stramingList')}">培训列表</a></li>
        <li class="active"><a>对战详情</a></li>
    </ul> -->
    <form action="" method="post" class="form-horizontal js-ajax-form margin-top-20">
        <div class="row">
            <div class="col-md-6">
                <table class="table table-bordered">
                	<tr>
                        <th style="text-align:center" colspan="2">挑战者</th>
                    </tr>
                    <tr>
                        <th width="100">发起者</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$partys['staff_name']}--{$partys['staff_number']}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>主题</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$partys['vm_title']}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>培训分类</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$partys['name']}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>开始时间</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$partys['start_time']}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>培训时长</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$partys['duration']} 分钟" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>培训状态</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$stramingStatus[$partys['status']]}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>培训简介</th>
                        <td>
                            <textarea style="border:none;" class="form-control" style="height: 50px;" readonly>{$partys['intro']}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>平台信息</th>
                        <td>
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>播放量</th>
                                    <th>平均分</th>
                                    <th>分享数</th>
                                    <th>是否公开</th>
                                    <th>标签</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>{$partys.player_amount}</td>
                                    <td>{$partys.score_mean}</td>
                                    <td>{$partys.share_amount}</td>
                                    <td><if condition="$partys['is_open'] eq 1">公开<else />不公开</if></td>
                                    <td>{$meetingLabel[$partys['labels']]}</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <th>发起时间</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$partys['create_time']}" readonly/>
                        </td>
                    </tr>
                    <notempty name="partys.update_time">
                        <tr>
                            <th>更新时间</th>
                            <td>
                                <input style="border:none;" class="form-control" value="{$partys['update_time']}" readonly/>
                            </td>
                        </tr>
                    </notempty>
                    <notempty name="partys.detele_time">
                        <tr>
                            <th>删除时间</th>
                            <td>
                                <input style="border:none;" class="form-control" value="{$partys['detele_time']}" readonly/>
                            </td>
                        </tr>
                    </notempty>
                    <tr>
                        <th>必须参加人员</th>
                        <td>
                            <if condition="$data['control'] == 1">
                                <input style="border:none;" class="form-control" value="无限制" readonly/>
                            <else />
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>工号</th>
                                    <th>姓名</th>
                                    <th>部门</th>
                                    <th>职务</th>
                                </tr>
                                </thead>
                                <tbody>
                                <foreach name="data['confereeList']" item="vo">
                                    <tr>
                                        <td>{$vo.staff_number}</td>
                                        <td>{$vo.staff_name}</td>
                                        <td>{$vo.staff_deptname}</td>
                                        <td>{$vo.staff_duty}</td>
                                    </tr>
                                </foreach> 
                                </tbody>
                            </table>
                            </if>
                        </td>
                    </tr>
                    <tr>
                        <th>限制人员</th>
                        <td>
                            <if condition="$partys['control'] == 1">
                                <input style="border:none;" class="form-control" value="无限制" readonly/>
                            <else />
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>工号</th>
                                    <th>姓名</th>
                                    <th>部门</th>
                                    <th>职务</th>
                                    <th>限制规则</th>
                                </tr>
                                </thead>
                                <tbody>
                                <foreach name="data['controlList']" item="vo">
                                    <tr>
                                        <td>{$vo.staff_number}</td>
                                        <td>{$vo.staff_name}</td>
                                        <td>{$vo.staff_deptname}</td>
                                        <td>{$vo.staff_duty}</td>
                                        <td>
                                            <if condition="$vo['rule'] == 1"> 可以看
                                            <else />  不可以看
                                            </if>
                                        </td>
                                    </tr>
                                </foreach> 
                                </tbody>
                            </table>
                            </if>
                        </td>
                    </tr>
                    <tr>
                        <th>互动内容</th>
                        <td>
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th width="20%">工号</th>
                                    <th>内容</th>
                                    <th width="20%">时间</th>
                                </tr>
                                </thead>
                                <tbody>
                                <foreach name="data['confereeList']" item="vo">
                                    <tr>
                                        <td>{$vo.staff_number}</td>
                                        <td>{$vo.staff_name}</td>
                                        <td>{$vo.staff_deptname}</td>
                                    </tr>
                                </foreach> 
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </table>
                <table class="table table-bordered">
                    <tr>
                        <th><b>封面图片</b></th>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:parent.imagePreviewDialog('{$partys['cover_pic']}');">
                            <img width="100%" src="{$partys['cover_pic']}"/>
                        </td>
                    </tr>
                </table>
                <notempty name="data.store_link">
                <table class="table table-bordered" width="500" heigth="200">
                    <tr>
                        <th><b>培训回放</b></th>
                    </tr>
                    <tr>
                        <td height="200px">
                            <video style="width:100%;height:100%" id="example_video_1" class="video-js vjs-default-skin" controls preload="none" poster="{$partys['cover_pic']}" data-setup="{}" loop="loop" controls="controls">
                                <source src="{$partys['store_link']}" type="video/mp4">
                                <source src="{$partys['store_link']}" type="video/webm">
                                <source src="{$partys['store_link']}" type="video/ogg">
                                <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
                                <!-- Tracks need an ending tag thanks to IE9 -->
                                <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
                                <!-- Tracks need an ending tag thanks to IE9 -->
                                <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that</p>
                            </video>
                        </td>
                    </tr>
                </table>
                </notempty>
            </div>
            <div class="col-md-6">
                <table class="table table-bordered">
                	<tr>
                        <th style="text-align:center" colspan="2">被挑战者</th>
                    </tr>
                    <tr>
                        <th width="100">发起者</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$initiator['staff_name']}--{$initiator['staff_number']}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>主题</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$initiator['vm_title']}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>培训分类</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$initiator['name']}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>开始时间</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$initiator['start_time']}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>培训时长</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$initiator['duration']} 分钟" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>培训状态</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$starmingStatus[$initiator['status']]}" readonly/>
                        </td>
                    </tr>
                    <tr>
                        <th>培训简介</th>
                        <td>
                            <textarea style="border:none;" class="form-control" style="height: 50px;" readonly>{$initiator['intro']}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>平台信息</th>
                        <td>
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>播放量</th>
                                    <th>平均分</th>
                                    <th>分享数</th>
                                    <th>是否公开</th>
                                    <th>标签</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>{$initiator.player_amount}</td>
                                    <td>{$initiator.score_mean}</td>
                                    <td>{$initiator.share_amount}</td>
                                    <td><if condition="$partys['is_open'] eq 1">公开<else />不公开</if></td>
                                    <td>{$meetingLabel[$initiator['labels']]}</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <th>发起时间</th>
                        <td>
                            <input style="border:none;" class="form-control" value="{$initiator['create_time']}" readonly/>
                        </td>
                    </tr>
                    <notempty name="initiator.update_time">
                        <tr>
                            <th>更新时间</th>
                            <td>
                                <input style="border:none;" class="form-control" value="{$initiator['update_time']}" readonly/>
                            </td>
                        </tr>
                    </notempty>
                    <notempty name="initiator.detele_time">
                        <tr>
                            <th>删除时间</th>
                            <td>
                                <input style="border:none;" class="form-control" value="{$initiator['detele_time']}" readonly/>
                            </td>
                        </tr>
                    </notempty>
                    <tr>
                        <th>必须参加人员</th>
                        <td>
                            <if condition="$data['control'] == 1">
                                <input style="border:none;" class="form-control" value="无限制" readonly/>
                            <else />
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>工号</th>
                                    <th>姓名</th>
                                    <th>部门</th>
                                    <th>职务</th>
                                </tr>
                                </thead>
                                <tbody>
                                <foreach name="data['confereeList']" item="vo">
                                    <tr>
                                        <td>{$vo.staff_number}</td>
                                        <td>{$vo.staff_name}</td>
                                        <td>{$vo.staff_deptname}</td>
                                        <td>{$vo.staff_duty}</td>
                                    </tr>
                                </foreach> 
                                </tbody>
                            </table>
                            </if>
                        </td>
                    </tr>
                    <tr>
                        <th>限制人员</th>
                        <td>
                            <if condition="$initiator['control'] == 1">
                                <input style="border:none;" class="form-control" value="无限制" readonly/>
                            <else />
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>工号</th>
                                    <th>姓名</th>
                                    <th>部门</th>
                                    <th>职务</th>
                                    <th>限制规则</th>
                                </tr>
                                </thead>
                                <tbody>
                                <foreach name="data['initiator']['controlList']" item="vo">
                                    <tr>
                                        <td>{$vo.staff_number}</td>
                                        <td>{$vo.staff_name}</td>
                                        <td>{$vo.staff_deptname}</td>
                                        <td>{$vo.staff_duty}</td>
                                        <td>
                                            <if condition="$vo['rule'] == 1"> 可以看
                                            <else />  不可以看
                                            </if>
                                        </td>
                                    </tr>
                                </foreach> 
                                </tbody>
                            </table>
                            </if>
                        </td>
                    </tr>
                    <tr>
                        <th>互动内容</th>
                        <td>
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th width="20%">工号</th>
                                    <th>内容</th>
                                    <th width="20%">时间</th>
                                </tr>
                                </thead>
                                <tbody>
                                <foreach name="data['confereeList']" item="vo">
                                    <tr>
                                        <td>{$vo.staff_number}</td>
                                        <td>{$vo.staff_name}</td>
                                        <td>{$vo.staff_deptname}</td>
                                    </tr>
                                </foreach> 
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </table>
                <table class="table table-bordered">
                    <tr>
                        <th><b>封面图片</b></th>
                    </tr>
                    <tr>
                        <td>
                            <a href="javascript:parent.imagePreviewDialog('{$initiator['cover_pic']}');">
                            <img width="100%" src="{$initiator['cover_pic']}"/>
                        </td>
                    </tr>
                </table>
                <notempty name="data.store_link">
                <table class="table table-bordered" width="500" heigth="200">
                    <tr>
                        <th><b>培训回放</b></th>
                    </tr>
                    <tr>
                        <td height="200px">
                            <video style="width:100%;height:100%" id="example_video_1" class="video-js vjs-default-skin" controls preload="none" poster="{$initiator['cover_pic']}" data-setup="{}" loop="loop" controls="controls">
                                <source src="{$initiator['store_link']}" type="video/mp4">
                                <source src="{$initiator['store_link']}" type="video/webm">
                                <source src="{$initiator['store_link']}" type="video/ogg">
                                <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
                                <!-- Tracks need an ending tag thanks to IE9 -->
                                <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
                                <!-- Tracks need an ending tag thanks to IE9 -->
                                <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that</p>
                            </video>
                        </td>
                    </tr>
                </table>
                </notempty>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    // 描述框高度自适应
    $('textarea').each(function () {
      this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
    }).on('input', function () {
      this.style.height = 'auto';
      this.style.height = (this.scrollHeight) + 'px';
    });
</script>
</body>
</html>
